<!DOCTYPE html>
<html>
<head>
 <meta name="viewport" content="width=device-width, initial-scale=1">
 <script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script>
 <link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/4.0.0-beta/css/bootstrap.min.css">
 <script src="https://cdn.bootcss.com/popper.js/1.12.5/umd/popper.min.js"></script>
 <script src="https://cdn.bootcss.com/bootstrap/4.0.0-beta/js/bootstrap.min.js"></script>
 <script src="https://cdn.bootcss.com/vue/2.5.17-beta.0/vue.js"></script>
 <link href="../../ico.ico" rel="icon" type="image/x-icon" />
 <title>i am jd mobile page one</title>
  <script type="text/javascript">
	  let page=1;
	  document.addEventListener( "plusready", function(){
	// 扩展API加载完毕，现在可以正常调用扩展API
	var webview = plus.webview.currentWebview();
    plus.key.addEventListener('backbutton', function() {
    	
        webview.canBack(function(e) {
            if(e.canBack) {
                webview.back();
            } else {
                webview.close(); //hide,quit
                //plus.runtime.quit();
            }
        })
        
    });
  })
  </script>
</head>


<body style="background: #f5f5f5;">
	  	
		
<div class="container-fluid">
	
	<%- include header%>
	
	
	
	<div>
	    <div style="width: 19%;float: left;margin-right: 1%;">
	    	<a href="http://www.baidu.com"><img class="img-fluid" src="../jd/images/mobile/page1/微信图片_20180507095419_03.png" width="100%"/></a>
	    </div>
	    <div style="width: 19%;float: left;margin-right: 1%;">
	    	<a href="#"><img src="../jd/images/mobile/page1/微信图片_20180507095419_04.png" width="100%"/></a>
	    </div>
	    <div style="width: 19%;float: left;margin-right: 1%;">
	    	<a href="#"><img src="../jd/images/mobile/page1/微信图片_20180507095419_05.png" width="100%"/></a>
	    </div>
	    <div style="width: 19%;float: left;margin-right: 1%;">
	    	<a href="#"><img src="../jd/images/mobile/page1/微信图片_20180507095419_06.png" width="100%"/></a>
	    </div>
	      <div style="width: 19%;float: left;">
	    	<a href="#"><img src="../jd/images/mobile/page1/微信图片_20180507095419_07.png" width="100%"/></a>
	    </div>
    </div>
    
    
    <div>
	    <div style="width: 19%;float: left;margin-right: 1%;">
	    	<a href="http://www.baidu.com"><img class="img-fluid" src="../jd/images/mobile/page1/微信图片_20180507095419_09.png" width="100%"/></a>
	    </div>
	    <div style="width: 19%;float: left;margin-right: 1%;">
	    	<a href="#"><img src="../jd/images/mobile/page1/微信图片_20180507095419_10.png" width="100%"/></a>
	    </div>
	    <div style="width: 19%;float: left;margin-right: 1%;">
	    	<a href="#"><img src="../jd/images/mobile/page1/微信图片_20180507095419_11.png" width="100%"/></a>
	    </div>
	    <div style="width: 19%;float: left;margin-right: 1%;">
	    	<a href="#"><img src="../jd/images/mobile/page1/微信图片_20180507095419_12.png" width="100%"/></a>
	    </div>
	      <div style="width: 19%;float: left;">
	    	<a href="#"><img src="../jd/images/mobile/page1/微信图片_20180507095419_13.png" width="100%"/></a>
	    </div>
    </div>
    
    <div style="padding:2px;clear: both;background: #fff;overflow: hidden;overflow: hidden;text-overflow:ellipsis;white-space: nowrap">
    	<a href="#">
    		<span style="color: black;font-size: 17px;font-weight: bold;">每日快报</span>&nbsp;<span style="font-size:15px;color: red;">热门</span>
    		<span style="color: #666;font-size: 14px;">雷军确认！小米7无下巴+刘海。。。。。.........</span>
    	</a>
    </div>
    
    
    <div>
    	<div style="width: 49%;float: left;margin-right: 1%;">
    		<a href="#">
    			<img src="../jd/images/mobile/page1/微信图片_20180507095419_15.png" style="width: 100%;"/>
    		</a>
    	</div>
    	<div style="width: 24.5%;float: left;margin-right: 1%;">
    		<a href="#">
    		<img src="../jd/images/mobile/page1/微信图片_20180507095419_17.png" style="width: 100%;"/>
    		</a>
    	</div>
    	<div style="width: 24.5%;float: left;">
    		<a href="#"><img src="../jd/images/mobile/page1/微信图片_20180507095419_19.png" style="width: 100%;"/></a>
    	</div>
    </div>
    
    
    <div style="padding-top: 1%;clear: both;">
    	<div style="width: 49%;margin-right:1%;float: left;"><a href="#"><img src="../jd/images/mobile/page1/微信图片_20180507142553_03.png" width="100%"/></a></div>
    	<div style="width: 49%;float: left;"><a href="#"><img src="../jd/images/mobile/page1/微信图片_20180507142553_05.png" width="100%"/></a></div>
    </div>
    
    
    
    <div>
    	<div style="width: 24.5%;float: left;margin-right: 1%;">
    		<a href="#">
    		<img src="../jd/images/mobile/page1/微信图片_20180507142553_09.png" style="width: 100%;"/>
    		</a>
    	</div>
    	<div style="width: 24.5%;float: left;margin-right: 1%;">
    		<a href="#"><img src="../jd/images/mobile/page1/微信图片_20180507142553_11.png" style="width: 100%;"/></a>
    	</div>
    	
    	
    	<div style="width: 49%;float: left;">
    		<a href="#">
    			<img src="../jd/images/mobile/page1/微信图片_20180507142553_12.png" style="width: 100%;"/>
    		</a>
    	</div>
    </div>
    
    
    <div style="clear: both;text-align: center;margin-top: 1%;margin-bottom: 1%;">
    	<a href="#"><img src="../jd/images/mobile/page1/微信图片_20180507142549_03.png" width="100px"/></a>
    </div>
    
    <div>
    	<div style="float: left;width: 49.5%;margin-right: 1%;margin-bottom: 1%;">
    		<a href="#"><img src="../jd/images/mobile/page1/微信图片_20180507142549_07.png" width="100%"/></a>
    	</div>
    	<div style="float: left;width: 49.5%;margin-bottom: 1%;">
    		<a href="#"><img src="../jd/images/mobile/page1/微信图片_20180507142549_09.png" width="100%"/></a>
    	</div>
    	<div style="float: left;width: 49.5%;margin-right: 1%;margin-bottom: 1%;">
    		<a href="#"><img src="../jd/images/mobile/page1/微信图片_20180507142549_13.png" width="100%"/></a>
    	</div>
    	<div style="float: left;width: 49.5%;margin-bottom: 1%;">
    		<a href="#"><img src="../jd/images/mobile/page1/微信图片_20180507142549_14.png" width="100%"/></a>
    	</div>
    	
    	<div style="float: left;width: 49.5%;margin-right: 1%;">
    		<a href="#"><img src="../jd/images/mobile/page1/微信图片_20180507142549_17.png" width="100%"/></a>
    	</div>
    	<div style="float: left;width: 49.5%;">
    		<a href="#"><img src="../jd/images/mobile/page1/微信图片_20180507142549_18.png" width="100%"/></a>
    	</div>
    </div>
    
    <div style="clear: both;text-align: center;margin-top: 1%;margin-bottom: 1%;">
    	<a href="#"><img src="../jd/images/mobile/page1/微信图片_20180507142549_22.png" width="100px"/></a>
    </div>
    
    
    <div>
    	<div style="float: left;width: 49.5%;margin-right: 1%;margin-bottom: 1%;">
    		<a href="#"><img src="../jd/images/mobile/page1/微信图片_20180507142549_07.png" width="100%"/></a>
    	</div>
    	<div style="float: left;width: 49.5%;margin-bottom: 1%;">
    		<a href="#"><img src="../jd/images/mobile/page1/微信图片_20180507142549_09.png" width="100%"/></a>
    	</div>
    	<div style="float: left;width: 49.5%;margin-right: 1%;margin-bottom: 1%;">
    		<a href="#"><img src="../jd/images/mobile/page1/微信图片_20180507142549_13.png" width="100%"/></a>
    	</div>
    	<div style="float: left;width: 49.5%;margin-bottom: 1%;">
    		<a href="#"><img src="../jd/images/mobile/page1/微信图片_20180507142549_14.png" width="100%"/></a>
    	</div>
    	
    	<div style="float: left;width: 49.5%;margin-right: 1%;">
    		<a href="#"><img src="../jd/images/mobile/page1/微信图片_20180507142549_17.png" width="100%"/></a>
    	</div>
    	<div style="float: left;width: 49.5%;">
    		<a href="#"><img src="../jd/images/mobile/page1/微信图片_20180507142549_18.png" width="100%"/></a>
    	</div>
    </div>
    
    <%- include foot%>
    
</div>


</body>
</html>